<template>
  <div>
    <div class="header">
      <h3>讨论一下吧！！！！！！！！！</h3>
    </div>
    <div class="body">
      <a-list itemLayout="horizontal" :dataSource="data">
        <a-list-item
          class="item"
          slot="renderItem"
          slot-scope="item, index"
        >
        1111111111111111111111111111111111
          <a-list-item-meta
          >
            <a slot="title" href="https://vue.ant.design/">{{item.title}}</a>
            <a-avatar
              class="avatar"
              slot="avatar"
              src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
            />
          </a-list-item-meta>
        </a-list-item>
      </a-list>
    </div>
    <div class="tools"></div>
    <div class="text"></div>
  </div>
</template>

<script>
import { List, Row } from "ant-design-vue";
const Item = List.Item;
const Meta = Item.Meta;
const data = [
  {
    title: "Ant Design Title 1"
  },
  {
    title: "Ant Design Title 2"
  },
  {
    title: "Ant Design Title 3"
  },
  {
    title: "Ant Design Title 4"
  }
];
export default {
  components: {
    List,
    Item,
    Meta,
    Row
  },
  data() {
    return {
      data,
      activeIndex: -1
    };
  }
};
</script>

<style>
</style>
